<template>
	<view class="container bac-fff">
		<view class="brokerage-wrap flex-row row-middle fs-24 fw-500" :class="type==2?'static':''">
			<image src="../../static/images/brokerage.png" mode=""></image>
			佣金: 25
		</view>
		<image class="goods-image" src="" mode="aspectFit" v-if="type==1"></image>
		<view class="info-wrap">
			<view class="name col-333 fs-28 fw-500 text-ellipsis-2">抖音财富等级28级先到先得抖音财富等级28萨达阿萨德</view>
			<view class="price col-red fs-32">
				<text class="prefix fs-24">￥</text>
				110.00起
			</view>
			<view class="sale col-999 fs-24">
				已售：1023
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			type: { // 类型：1-有图 2-无图
				default: 1,
				type: Number
			}
		},
		data() {
			return {
				
			}
		},
		methods: {

		},
	}
</script>

<style lang="less">
	.container {
		position: relative;
		width: 336rpx;
		border-radius: 16rpx;
		overflow: hidden;
		margin-bottom: 24rpx;

		.goods-image {
			width: 100%;
			height: 336rpx;
			background: #000;
		}

		.brokerage-wrap {
			position: absolute;
			top: 16rpx;
			left: 16rpx;
			padding: 6rpx 18rpx;
			border-radius: 68rpx;
			background: #FFB600;
			color: #AC0A00;
			z-index: 10;
			image {
				width: 27rpx;
				height: 27rpx;
				margin-right: 10rpx;
			}
		}
		
		.static {
			position: static !important;
			display: inline-flex !important;
			margin-top: 16rpx;
			margin-left: 16rpx;
		}

		.info-wrap {
			padding: 8rpx 16rpx 24rpx;

			.price {
				margin-top: 12rpx;
			}

			.sale {
				margin-top: 4rpx;
			}
		}
	}
</style>
